@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumpenscript.css");
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */            
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    color: #333333;
	font-size:12px;
	font-family: '돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button {display:inline-block;margin: 0; padding:0; border: 0 none; background:0 none; cursor:pointer}
a{color:#444;text-decoration:none}
button *{position:relative}
input {margin:0;}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{position:absolute;overflow:hidden;width:1px;height:1px; text-indent:-999999em;}
table{border-collapse:collapse;table-layout:fixed; border-collapse:collapse;border-spacing:0}
caption {position:absolute; width:0; height:0; text-indent:-9999em; left:-1px; top:1px; font-size:0;}
/* login */
.login {background: url('../img/bg_login_wrap.gif') repeat left top;  }

.login .wrap_login {width: 990px; margin: 0 auto; padding-top: 326px; font-size: 12px;} 
.login .head {height: 64px; position: relative;}
.login .head h1 {position: absolute; left: 0; top: 29px}
.login .head p {float: right; clear: both; color: #666666;}
.login .head p.img_p {margin-bottom: 8px}
.login .wrap_contens {background: url('../img/bg_login.png') no-repeat left top; }
.login .contents {height:167px; padding:40px 0 0 397px;background: url('../img/bg_loginbox.png') no-repeat 130px 40px; }
.login .contents  h2 {padding-left: 79px; font-size: 14px; font-weight: bold; color: #48649e}
.login .foot {padding-top:30px; text-align: center; line-height: 1.3}
.login .loginform {position: relative; width: 490px;}
.login .loginform label {width: 76px; display:inline-block; }
.login .loginform input {width: 243px; height: 24px; border: 1px solid #ccc}
.login .loginform button {position: absolute; right: 0; top: 0}
.login .pwinput {margin-top:17px; }
.login .idinput {margin-top: 26px}


/* sub */
.sub .wrap {width:1280px;}
.sub .top {height:12px; padding:8px 30px 8px 0px; background-color:#334d6c; text-align:right; color:#ffffff; }
.sub .top a {margin-left:10px; padding-left:10px; border-left:1px solid #ffffff; color:#ffffff;}
.sub .head {height:40px; padding:16px 0 0 20px;background:url("../img/bg_sub_head.png") repeat-x left top; }
.sub .head h1 {float:left; padding-right:50px; font-size:20px; font-weight:bold; font-family:'나눔고딕',nanumgothic,'돋움',dotum,applegothic,sans-serif; color:#d85c22;}
.sub .gnb {float:left; padding-top:3px;;}
.sub .gnb li {float:left; padding-right:30px; margin-right:30px; background:url("../img/bg_sub_gnb_li.gif") no-repeat right center; }
.sub .gnb li a {font-family:'나눔고딕',nanumgothic,'돋움',dotum,applegothic,sans-serif; font-size:16px; font-weight:bold;}

.sub .gnb li a.on {color:#0156aa}
.sub .gnb li.nobg {background:none;} 
.sub .gnb li.sys {padding-left:28px ;background:url("../img/ico_sys.gif") no-repeat left top;}

.sub .gnb li.sys a {color:#ff6600;}
.sub .container {*zoom:1;}
.sub .container:after {content:""; display:block; clear:both;}
.sub .nav {float:left; width:176px;}
.sub .contents {float:left; width:1084px; padding-left:20px;}
.sub .nav h2{height:14px; padding:13px 0 9px 15px; border-bottom:3px solid #424242; font-size:14px;}
.sub .nav ul li.over a{border-bottom:1px solid #6b8bbe; background:url("../img/btn_nav_down.png") no-repeat right center;}
.sub .nav ul li a {display:block; padding:13px 0 11px 20px; border-bottom:1px solid #e5e5e5;}
.sub .contents h3 {height:14px; padding:13px 0 9px 15px;  font-size:14px;}
.sub .search_area {margin:0 7px;padding:8px 7px; border:1px solid #ccc; border-left:none 0; border-right:0 none;}
.sub .search_area * {vertical-align:middle;}
.sub .search_area label,.search_area .labeltic  {padding-right:5px; padding-left:24px;}
.sub .search_area label.first {padding-left:7px;}
.sub .search_area input {font-size:11px; height:16px;}
.sub .search_area input.btn_sch {width:46px; height:22px;}
.sub .search_area .pro {width:70px;}
.sub .search_area .prodis {width:132px;}
.sub .search_area .com {width:70px;}
.sub .search_area .comdis {width:133px;;}
.sub .search_area .jday {width:65px; text-align:center;}
.sub .search_area .namew {width:70px;}
.sub .search_area button {margin:0 4px;}

.sub .tbl  {margin:9px 0 20px;}
.sub .tbl th,.tbl td {border:1px solid #ccc; border-right:0 none; border-left:0 none; text-align:center; vertical-align:middle; }
.sub .tbl th  input,.tbl td input {margin:0;} 
.sub .tbl th {padding:11px 0 10px; font-weight:bold; border-bottom:0 none; color:#000000; background-color:#fafafa;}
.sub .tbl td {padding:8px 0 7px; border-color:#e4e4e4; }

.sub .wrap_list_bot {position:relative;}
.sub .wrap_list_bot .pagenate {text-align:center;}
.sub .wrap_list_bot .pagenate em, .pagenate a {display:inline-block; width:25px; height:25px; border:1px solid #ededed; vertical-align:middle; text-align:center; line-height:28px;}
.sub .wrap_list_bot .pagenate em {border-color:#3b5997; background-color:#3b5997;  color:#ffffff;}

.sub .wrap_list_bot .btns {position:absolute; right:0px; top:0;}

.sub .foot {margin-top:36px ;padding:40px 0 35px 313px; background:#e7e7e7 url("../img/bg_foot_logo.png") no-repeat 215px 35px;}
.sub .foot p {line-height:1.5;}
/* layer popup */
.lay_wrap {z-index:99; position:absolute; left:0; top:0; width:100%; height:100%;}
.lay_wrap .dim {z-index:100; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.5;}
.lay_wrap .lay_pop {z-index:200; position:absolute; left:50%; top:100px; width:1050px; margin-left:-525px; background-color:#fff; border:1px solid #000000;}

.lay_pop h2 {padding:12px 12px 12px 38px; background:#d85c22 url("../img/bu_check.png") no-repeat 12px 14px; color:#ffffff; font-size: 18px;}    
.lay_con {padding:0 20px 20px ;}
.lay_con h3 {padding-top:14px;  font-size: 16px}
.lay_con h4 {height:24px; padding-top:18px; font-size: 14px;   color:#d85c22;}
.default_info {overflow: hidden;}
.de_left {float: left; width: 850px;}
.labor_img {float: left; width: 140px; padding: 42px 0  0 19px;}


.lay_tbl th, .lay_tbl td {padding:6px; border:1px solid #bcbcbc; border-right:0 none; border-left:0 none; vertical-align: middle;}
.lay_tbl th *, .lay_tbl td * {vertical-align: middle;}
.lay_tbl th {font-weight: bold; background-color:  #f2f2f2;}
.lay_tbl td input {height: 18px; border: 1px solid #cdcdcd}

.lay_tbl td input.check_box {height: 14px;}

.lay_tbl td .def_scr {width: 80px}
.lay_tbl td .long {width: 440px}
.lay_tbl td .def {width: 136px}
.lay_tbl td .tel {width: 50px}
.lay_tbl td button {margin-right: 10px; margin-left:8px;}
.lay_tbl td  label {padding:0 34px 0 8px; cursor: pointer;}

.safe .lay_tbl td  label {padding:0 12px 0 3px}
.lay_pop .close {position:absolute; top: 10px; right: 10px}
.photo {margin:10px 0; border: 1px solid #cdcdcd; border-right:0 none; border-left:0 none; height: 34px;}
.photo h4 {float: left; height: 22px; padding-top:12px; width: 83px;  margin-right: 4px; text-align: center; font-weight: bold; font-size: 12px; color: #333333; background-color: #f2f2f2;}
.photo input {margin-top:8px;}
.lay_btns {position: absolute; right: 10px;  top: 46px;}

.ui-datepicker-trigger {margin-left:4px;}











